<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xmlns:h="http://java.sun.com/jsf/html" 
	xmlns:f="http://java.sun.com/jsf/core"
    xmlns:ui="http://java.sun.com/jsf/facelets" 
    xmlns:a4j="http://richfaces.org/a4j"
    xmlns:rich="http://richfaces.org/rich"
    xmlns:fn="http://java.sun.com/jsp/jstl/functions"
     xmlns:richext="http://java.sun.com/jsf/composite/richext">

<body>
<ui:composition template="../templates/template.xhtml">

    <ui:define name="titre">Saisir réglement</ui:define>
    <ui:define name="zone1">
    	<div class="form">
    		<h:panelGroup layout="block">
    			<h:form id="form">
    				<h:messages id="messages" styleClass="borderBleu messageBloc"
						warnClass="msgWarn" errorClass="msgError" infoClass="msgInfo"
						globalOnly="true" />
					<div  class="borderBleu">
						<div class="titre">
								<h:outputLabel value="Critères de recherche" />
						</div>
					</div>
					<h:panelGrid columns="2" columnClasses="tabline1, tabline2" styleClass="spanelTable">
						<h:panelGroup>
	          				<h:outputLabel id="anneeLabel" for="anneescolaire"  value="Année scolaire" styleClass="label"/>
	          			</h:panelGroup>
	          			<h:panelGroup>
	          				<h:selectOneMenu id="anneescolaire"  value="#{GestionDesSaisiesControleur.modele.idAnneeScolaire}" required="true">
					        	<f:selectItem  itemLabel="Années scolaires" itemValue="" />
					        	<f:selectItems  value="#{GestionDesSaisiesControleur.modele.annesScolairesItems}"/>
				    		</h:selectOneMenu>
				    		<h:message id="msgmanneescolaire" for="anneescolaire" errorClass="msgError"/>
	          			</h:panelGroup>
					</h:panelGrid>
					<h:panelGrid columns="2" columnClasses="tabline1, tabline2" styleClass="spanelTable">
						<h:panelGroup>
		        			<h:outputLabel id="matriculeLabel" for="matricule"  value="Matricule" styleClass="label"/>
		        		</h:panelGroup>
		        		<h:panelGroup>
		        			<h:inputText id="matricule" value ="#{GestionDesSaisiesControleur.modele.critere.matricule}" />
		        		</h:panelGroup>
		        		<h:panelGroup>
		        			<h:outputLabel id="nomFamilleLabel" for="nomFamille"  value="Nom de famille" styleClass="label"/>
		        		</h:panelGroup>
		        		<h:panelGroup>
		        			<h:inputText id="nomFamille" value ="#{GestionDesSaisiesControleur.modele.critere.nom}" />
		        			<h:message id="msgnomFamille" for="nomFamille" errorClass="msgError"/>
		        		</h:panelGroup>	
					</h:panelGrid>
					<div id="boutons">
						<h:commandLink styleClass="btValider" value="Lancer la recherche"  action="#{GestionDesSaisiesControleur.lancerRechercherEleve}" />
						<h:commandLink styleClass="btValider"  value="Imprimer reçu" action="#{GestionDesSaisiesControleur.imprimerRecu}" 
							rendered="#{fn:length(GestionDesSaisiesControleur.modele.idsreglementvalides) > 0}" >
						</h:commandLink>
					</div>
					
					<div class="borderBleu">
						<h:panelGroup rendered="#{fn:length(GestionDesSaisiesControleur.modele.eleves) > 0}">
							<div class="titre">
								<h:outputLabel value="Résultat de la recherche" />
							</div>
						</h:panelGroup>
						<div id="formResult">
							 <rich:dataTable id="elves" value="#{GestionDesSaisiesControleur.modele.eleves}" 	
		        					var="eleve" rendered="#{fn:length(GestionDesSaisiesControleur.modele.eleves) > 0}" >
					        	<rich:column >
										<f:facet name="header">
											<h:outputText value="" />
										</f:facet>
										<h:selectBooleanCheckbox id="selectPosition" value="#{eleve.flag}">
										</h:selectBooleanCheckbox>
								</rich:column>
								<rich:column>
									<f:facet name="header"><h:outputText value="Matricule" /></f:facet>
									<h:outputText value="#{eleve.matricule}" />
								</rich:column>
								<rich:column>
									<f:facet name="header"><h:outputText value="Prénom" /></f:facet>
									<h:outputText value="#{eleve.prenom}" />
								</rich:column>
								<rich:column>
									<f:facet name="header"><h:outputText value="Nom de famille" /></f:facet>
									<h:outputText value="#{eleve.nom}" />
								</rich:column>
		        			</rich:dataTable>
						</div>
					</div>
					<richext:spacer height="1" />
					<div  class="borderBleu">
						<h:panelGroup rendered="#{fn:length(GestionDesSaisiesControleur.modele.eleves) > 0}">
							<div class="titre">
								<h:outputLabel value="La liste des mesualités" />
							</div>
						</h:panelGroup>
						<div id="formResult">
							<rich:dataTable id="reglements" value="#{GestionDesSaisiesControleur.modele.mensualites}" 	
	        					var="mensualite" iterationStatusVar="it" rendered="#{fn:length(GestionDesSaisiesControleur.modele.eleves) > 0}">
					        	<rich:column >
										<f:facet name="header">
											<h:outputText value="" />
										</f:facet>
										<h:selectBooleanCheckbox id="selectPosition" value="#{mensualite.seleted}">
										</h:selectBooleanCheckbox>
								</rich:column>
					        	<rich:column >
					        		<f:facet name="header">
					        			<h:outputText 	value="Nature" />
					        		</f:facet>
					        		<h:outputText value="#{mensualite.nature}" />
					        	</rich:column>
   	      	    			</rich:dataTable>
						</div>
					</div>
					<richext:spacer height="1" />
					<div  class="borderBleu">
						<h:panelGroup  rendered="#{fn:length(GestionDesSaisiesControleur.modele.eleves) > 0}">
							<div class="titre">
									<h:outputLabel value="Mode de paiement" />
							</div>
						</h:panelGroup>
					</div>
					<h:panelGrid columns="2" columnClasses="tabline1, tabline2" styleClass="spanelTable" rendered="#{fn:length(GestionDesSaisiesControleur.modele.eleves) > 0}">
	          			<h:panelGroup>
	          				<h:outputLabel id="modePaiementLabel" for="modepaiement"  value="Mode de paiement" styleClass="label"/>
	          			</h:panelGroup>
	          			<h:panelGroup>
	          				<h:selectOneMenu id="modepaiement"  value="#{GestionDesSaisiesControleur.modele.modePaiement}"
	          					valueChangeListener="#{GestionDesSaisiesControleur.valueChanged}" required="true" >
					        	<f:selectItem  itemLabel="Séléctionner le mode de paiement" itemValue="" />
					        	<f:selectItem  itemLabel="Paiement par éspèce" itemValue="espece" />
					        	<f:selectItem  itemLabel="Paiement par chèque" itemValue="cheque" />
					        	<a4j:ajax event="valueChange" render="modepaiementcheque" execute="@this" />
				    		</h:selectOneMenu>
				    		<h:message id="msgmodepaiement" for="modepaiement" errorClass="msgError"/>
	          			</h:panelGroup>
	          		</h:panelGrid>
	          		<richext:spacer height="1" />
	          		 <a4j:outputPanel id="modepaiementcheque" >
	          		 	<h:panelGroup rendered="#{GestionDesSaisiesControleur.modele.affichePanelCheque}">
		          		 	<div  class="borderBleu">
								<div class="titre">
										<h:outputLabel value="Saisie chèque" />
								</div>
							</div>
						</h:panelGroup>
						<h:panelGrid columns="2" columnClasses="tabline1, tabline2" styleClass="spanelTable" 
							rendered="#{GestionDesSaisiesControleur.modele.affichePanelCheque}">
							<h:panelGroup>
	          					<h:outputLabel id="numchequeLabel" for="numcheque"  value="Numéro du chèque" styleClass="label"/>
	          				</h:panelGroup>
	          				<h:panelGroup>
	          					<h:inputText value="#{GestionDesSaisiesControleur.modele.numerocheque}" id="numcheque"/>
	          				</h:panelGroup>
	          				<h:panelGroup>
	          					<h:outputLabel id="banqueLabel" for="banque"  value="Banque" styleClass="label"/>
	          				</h:panelGroup>
	          				<h:panelGroup>
		          				<h:selectOneMenu id="banque"  value="#{GestionDesSaisiesControleur.modele.banque}">
						        	<f:selectItem  itemLabel="Séléctionner la banque" itemValue="" />
						        	<f:selectItem  itemLabel="BANQUE POPULAIRE" itemValue="BANQUE POPULAIRE" />
						        	<f:selectItem  itemLabel="BMCI" itemValue="BMCI" />
						        	<f:selectItem  itemLabel="BMCE" itemValue="BMCE" />
						        	<f:selectItem  itemLabel="CIH" itemValue="CIH" />
						        	<f:selectItem  itemLabel="ATTIJARI WAFA BANQUE" itemValue="ATTIJARI WAFA BANQUE" />
						        	<f:selectItem  itemLabel="CREDIT AGRICOLE" itemValue="CA" />
						        	<f:selectItem  itemLabel="CREDIT DU MAROC" itemValue="CREDIT DU MAROC" />
						        	<f:selectItem  itemLabel="SOCIETE GENERALE" itemValue="SOCIETE GENERALE" />
					    		</h:selectOneMenu>
	          				</h:panelGroup>
	          				<h:panelGroup>
	          					<h:outputLabel id="proprietaireLabel" for="proprietaire"  value="Propriétaire du chèque" styleClass="label"/>
	          				</h:panelGroup>
	          				<h:panelGroup>
	          					<h:inputText value="#{GestionDesSaisiesControleur.modele.proprietairecheque}" id="proprietaire"/>
	          				</h:panelGroup>
	          				<h:panelGroup>
	          					<h:outputLabel id="montantLabel" for="montant"  value="Montant du chèque" styleClass="label"/>
	          				</h:panelGroup>
	          				<h:panelGroup>	
	          					<h:inputText value="#{GestionDesSaisiesControleur.modele.montantcheque}" id="montant"/>
	          				</h:panelGroup>
						</h:panelGrid>
	          		 </a4j:outputPanel>
					<div id="boutons" >
						<h:commandLink styleClass="btValider" value="Enregistrer" action="#{GestionDesSaisiesControleur.validerReglement}"
						 rendered="#{fn:length(GestionDesSaisiesControleur.modele.eleves) > 0}" ></h:commandLink>
					</div>
    			</h:form>
    		</h:panelGroup>
    	</div>
	<h:form >
		<div id="identificationEleve">
			
	       
	       
	        
			
		    
	     </div> 
				
	</h:form>
    </ui:define>
</ui:composition>
</body>
</html>